import { DatePicker, Grid, Space } from "antd";
import React, { useEffect, useState } from 'react';
import type { FormProps } from 'antd';
import { useNavigate, Link } from 'react-router-dom';
import { Checkbox, Form, Input, Row, Col, Flex } from 'antd';
import {
  EditableProTable, ProForm, ProFormDateTimePicker, ProFormDigit, ProFormSelect, ProFormText, ProFormTextArea,
  ProFormDateRangePicker,
  ProCard
} from '@ant-design/pro-components';
import { Button, Menu, theme } from 'antd';
import CoTags from "./MarketTags";



type DateRange = {
  startTime?: Date; // 假设 startTime 和 endTime 是字符串类型  
  endTime?: Date;
};

const Market: React.FC = () => {
  
  const {
    token: { colorBgContainer, borderRadiusLG },
  } = theme.useToken();
  const [collapsed, setCollapsed] = useState(false);
  const navigate = useNavigate();
  const handleClick = () => {
    navigate('/');
  }




  const { RangePicker } = DatePicker;
  // const onClick = (e: { key: To; }) => {
  //   navigate(e.key, { replace: true })
  return (
    <div>

      <ProCard direction="column" ghost gutter={[0, 16]}>
        <ProCard
          layout="center"
          direction="column"
          style={{ height: 100 }}>

          {/*  <ProForm  
    onValuesChange={(changedValues, allValues) => {  
    console.log('Changed values:', changedValues);  
    console.log('All values:', allValues);  
  }}  
>  */}
          <RangePicker />
        </ProCard>
        <ProCard >
          <CoTags />
        </ProCard>
      </ProCard>
    </div>
  );

};


export default Market;
